<!DOCTYPE html>
<html lang="es">
  <head>
    <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
    <title>MONGODB</title>
    <link rel="StyleSheet" media="all" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="StyleSheet" media="all" type="text/css" href="bootstrap/css/bootstrap.css">
    <link rel="StyleSheet" media="all" type="text/css" href="bootstrap/css/login.css">
    <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    
  </head>
  <body style="background-color:#DCDCDC; margin:auto;">
    <div style="width:1000px;margin:auto;">
      <div class="container">
        <div class="navbar">
          <div class="navbar-inner">
            <div class="container" style="width: auto; padding: 0 20px;">
              <a class="brand" href="index.html">Mongodebeando</a>
              <ul class="nav"  style="padding-bottom:-5px;">
                <li><a href="perfil.html">Perfil</a></li>
                <li  class="active"><a href="contactos.html">Contactos</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="container" style="background-color:#828282;">
          
                    <div class="form-horizontal" style="background-color:#87CEEB;width:820px;height:50px;margin:auto;margin-top:10px;">
                      <div style="padding-left:15px;padding-top:15px;">
                        <a href="perfil.html"><h1>Jose Antonio Perez Garcia</h1></a>
                      </div>
                    </div>
              
          <div class="container" style="background-color:white; width:820px;heigth:260px;margin:10px;">
            
            <div class="container" style="width:800px;float:right;height:460px;background-color:gray;margin:10px 10px 10px 0px;">
              <a href="contactos.html"><h2 style="margin:10px 28px">Amigos</h2></a>
              <table style="margin:10px 20px;">
                <tr>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                </tr>
                <tr>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                </tr>
                <tr>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                  <td><img src="images/amigos.jpg" style="margin:10px;"></td>
                </tr>
              </table>  


            </div>
          </div>
        </div>  



      </div>
    </div>
  </body>
</html>